先介绍使用 oninput 事件，限制HTML中input 输入框输入内容的方式，再介绍用其它方式限制HTML中input 输入框输入内容。

关键代码oninput = "value=value. replace(/[^\d]/g,'')"，注意括号中是两个单引号，完整代码如下：

说明：其中replace() 方法中使用了正则表达式，关于正则表达式可参见 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

关键代码oninput = "value=value.replace(/[^\w_]/g,''')"，完整代码如下：

关键代码oninput = "value=value. replace(/[^a-z0-9_]/g,'')，完整代码如下：

关键代码oninput = "value=value. replace(/[^\d.]/g,'')"，完整代码如下：

关键代码oninput = "value=value.replace(/[^\u4e00-\u9fa5]/g,'')"，完整代码如下：

关键代码oninput = "value=value.replace(/[^a-zA-Z]/g,'')"，完整代码如下：

上面使用 oninput 事件，限制HTML中input 输入框输入内容的方式，下面介绍用其它方式限制HTML中input 输入框输入内容。

限制input 输入框输入内容

可以使用disabled 属性、readonly 属性或readonly unselectable属性

disabled="disabled" 和readonly unselectable="on"或readonly="readonly"

disabled 属性使input 输入框只读，可复制，可选择，不能提交即后台不会接收到传值，文字的颜色会变成灰色。disabled 属性无法与 一起使用。

示例：

完整示例如下：

readonly 属性使input 输入框只读，可复制，可选择，能提交即后台会接收到传值。

示例：

完整示例如下：

readonly unselectable 属性

示例：

readonly unselectable="on"和readonly="readonly"效果类似，就不多说了。

例如：

标签的输入类型 参见 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input

例如：

HTML的的pattern属性参见 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes/pattern